/*
 * Modify by Laserwave Theme originally by Jared Jones for Visual Studio Code
 * https://github.com/Jaredk3nt/laserwave
 *
 * Ported for PrismJS by Simon Jespersen [https://github.com/simjes]
 */
.code-header {
  background: #27212e;
}
.code pre {
  width: 100%;
  max-height: 670px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #27212e;
  box-sizing: border-box;
  overflow: auto;
  margin: 0;
  line-height: 1.5;
}
#code {
  padding: 10px;
  padding-top: 0;
  font-size: 18px !important;
  font-family: "fira-code";
  word-break: break-all !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;

  color: #ffffff;
}

.token.comment,
.token.prolog,
.token.cdata {
  color: #91889b;
}

.token.punctuation {
  color: #7b6995;
}

.token.builtin,
.token.constant,
.token.boolean {
  color: #ffe261;
}

.token.number {
  color: #b381c5;
}

.token.important,
.token.atrule,
.token.property,
.token.keyword {
  color: #40b4c4;
}

.token.doctype,
.token.operator,
.token.inserted,
.token.tag,
.token.class-name,
.token.symbol {
  color: #74dfc4;
}

.token.attr-name,
.token.function,
.token.deleted,
.token.selector {
  color: #eb64b9;
}

.token.attr-value,
.token.regex,
.token.char,
.token.string {
  color: #b4dce7;
}

.token.entity,
.token.url,
.token.variable {
  color: #ffffff;
}

/* The following rules are pretty similar across themes, but feel free to adjust them */
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.token.namespace {
  opacity: 0.7;
}
